body{
    background-color: #eaeaea;
}
.header_top{display: flex;
    width: 100%;
    padding: 5px;
    height:140px;
    border: 1px solid;
    align-items: center;
    background: black;
    justify-content: space-between;
}
.header_top>div:first-child{
    width: 60%;
    display: flex;
    align-items: center;
}
.out-box{
    display: flex;
    width: 40%;
    align-items: center;
    border: 1px solid #fff;
    background-color: #0e0c0a;
    border-radius: 5px;
    box-shadow: 0px 0px 27px 1px #fff;
    overflow: hidden;
}
.in-box,.in-box2{
    display: flex;
    /*width: 360px;*/
}
.out-box>.in-box>a,.out-box>.in-box2>a{
    display: block;
    /*width: 120px;*/
}
.out-box>.in-box>a>img,.out-box>.in-box2>a>img{width: 100%;height: 100%}
.header_top>div:first-child a{display: inline-block }
.header_top>div:first-child img{width: 50px;height:50px;margin-right:5px;  }
.header_top p>span{display: inline-block;background: #fff;color: #ffc273;border-radius:10px;padding: 0 5px}
.header_top p>span>img{
    width: 12px!important;
    height: 12px!important;
    vertical-align: middle; }
.header_top p{color: #fff;}
.header_top p:nth-child(2){font-size:14px ;margin: 8px 0}

/**/
.iteam-box{
    margin: 15px 0;
    background: #fff;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:10px 0;
}
.iteam-box p{color: #000;font-size: 12px;}
.iteam-box>.iteam{width: 25%;text-align: center;height: 90px;}
.iteam-box>.iteam>a{display: block;}
.iteam-box>.iteam>a>img{width:55px; }
.img-box{width:100%;background: #fff;display: flex; padding: 10px;justify-content: space-between}
.img-box>a{display: block;width: 49%; }
.img-box>a>img{width: 100%; }
.img{width: 100%;margin-top:15px;padding: 10px;background: #fff;margin-bottom:70px; }
.img>img{width: 100%;}
